@name yt {
  @b border {
    @e all, half, none {
      position: relative;
      &::after {
        position: absolute;
        content: " ";
        bottom: 0;
        right: 0;
        height: 1px;
        background-color: #e5e5e5;
        transform: scaleY(0.5);
      }
    }

    @e all {
      &::after {
        left: 0;
      }
    }

    @e half {
      &::after {
        left: 10px;
      }
    }

    @e none {
      &::after {
        display: none;
      }
    }
  }
  @b gradient-color {
    background: var(--gradient_color);
  }
  @b fill-color {
    background: var(--fill_color);
  }
  @b font-color {
    color: var(--font_color);
  }
  @b border-color {
    border-color: var(--border_color);
  }
}



